* {
    margin: 0;
    padding: 0;
}
body{
    background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}
#container {
    width: 100vw;
    height: 100vh;
    color: white;
}

table {
    margin: 50px auto;
    width: 90%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    letter-spacing: 1px;
    font-size: 20px;
    font-family: '黑体','宋体','楷体';
    max-width: 1024px;
}

table,th,tr,td {
    border-bottom: 2px solid #dedede;
    padding: 20px;
    text-align: center;
}

thead{
    background: #0E53A7;
    font-size: 1.3em;
    font-weight: 600;
}

tbody tr:nth-of-type(2n+1) {
    background: #6999d3;
}

tbody tr:nth-of-type(2n) {
    background: #4284d3;
}